<template>
  <div class="banner-box" @click="goDewu">
    <div class="ye_wa">
      <img src="../../../assets/jinimg/3.png" alt="" />
      <h4>ye_wa <br /><span>一天前 · 广州市</span></h4>
    </div>

    <!-- 大图 -->
    <div class="banner">
      <div class="che">
        <div class="che-L"><img src="../../../assets/jinimg/3.png" alt="" /></div>
        <div class="che-R">
          <img src="../../../assets/jinimg/7.png" alt="" />
          <img src="../../../assets/jinimg/6.png" alt="" />
        </div>
      </div>
      <ul>
        <li><img src="../../../assets/jinimg/8.png" alt="" /></li>
        <li><img src="../../../assets/jinimg/5.png" alt="" /></li>
        <li><img src="../../../assets/jinimg/9.png" alt="" /></li>
      </ul>
    </div>
  </div>
</template>

<script scoped>
export default {
  name: "dewuBanner",
     methods:{
    goDewu(){
      this.$router.push("/deWuTwo");
    //   this.$router.push({name:"DetailAll",params:{goodsid:id}});     
    }
  }
};
</script>

<style scoped>
.banner-box {
  width: 100%;
  background-color: #ffffff;
  overflow: hidden;
}
.ye_wa {
  display: flex;
  height: 0.45rem;
  align-items: center;
  margin-top: 0.1rem;
}
.ye_wa img {
  width: 0.3rem;
  height: 0.3rem;
  border-radius: 50%;
  margin: 0 0.2rem;
}
.ye_wa span {
  font-size: 0.14rem;
  color: #b5b3be;
}

/* 大图 */
.banner {
  width: 100%;
  height: 3.73rem;
  margin-top: 0.1rem;
}
.che {
  display: flex;
  justify-content: space-evenly;
}
.che-L {
  width: 2.48rem;
  height: 2.48rem;
  background-color: red;
}
.che-L img {
  width: 100%;
  height: 100%;
}
.che-R {
  width: 1.24rem;
  height: 2.48rem;
  /* background-color: blue; */
}
.che-R img {
  width: 1.24rem;
  height: 1.24rem;
}
.banner ul {
  width: 100%;
  height: 1.24rem;
  display: flex;
  justify-content: space-evenly;
}
.banner ul li {
  width: 1.24rem;
  height: 1.24rem;
  background-color: yellow;
}
.banner ul li img {
  width: 100%;
  height: 100%;
}
</style>